<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <div>
        <p>选中的地址：{{address}}</p>
        <select v-model="address">
            <option v-for="(item,index) in persons" :key="item.id" :value="item.address">{{item.address}}</option>
        </select>
    </div>
</div>
<script src="../../JavaScript/vue.js"></script>
<script>
    const app = Vue.createApp({
        data() {
            return {
                persons:[
                    {id:1,name:"马云",address:"杭州"},
                    {id:2,name:"马化腾",address:"深圳"},
                    {id:3,name:"雷军",address:"武汉"},
                ],
                address:""
            }
        },
    })
    app.mount("#app")
</script>
</body>
</html>